﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="MotelClient.Motel" %>

<%--<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" itemscope itemtype="http://schema.org/Article">
<head runat="server">
    <title>Map Space</title>
    <link rel="canonical" href="http://www.example.com" />
    <link href="/css/default.css" rel="stylesheet" type="text/css" />
    <link href="/css/jquery.fancybox.css?v=2.0.6" rel="stylesheet" type="text/css" />
    <link href="/css/msgBoxLight.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAulfXXNyNhXqZaHzRpmSqYubQJz_hwVV4&sensor=true"></script>
    <script src="/Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.fancybox.pack.js?v=2.0.6" type="text/javascript"></script>
    <script src="/Scripts/gmap3.min.js" type="text/javascript"></script>
    <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <script src="/Scripts/motel_maps_libraries.js" type="text/javascript"></script>
    <script src="/Scripts/motel_utilities_scripts.js" type="text/javascript"></script>
    <script src="/Scripts/motel_maps_ext_map3_scripts.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.msgBox.js" type="text/javascript"></script>
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js" />
    </script>
</head>
<body>
    <!-- Add the following three tags to your body. -->
    <span itemprop="name" style="display: none">MapSpace</span> <span itemprop="description"
        style="display: none">Test sharing map</span>
    <form id="form1" runat="server">
    <div class="topmenu">
        <div class="left">
            <div class="leftlogo">
                <a href="#">
                    <img src="/Image/logo.jpg" alt="logo" /></a>
            </div>
            <div class="center">
                <div class="cenleft">
                    <select id="cbDistrictSearchAddress" class="text">
                    </select>
                    <select id="cbWardSearchAddress" class="text">
                    </select>
                </div>
                <div class="search">
                    <input id="btnsearch" class="test111" type="button" />
                </div>
                <div class="clear">
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
        <div class="right">
            <div class="loginform">
                <%if ((string)Session["IsLogin"] != "Login")
                  { %>
                <div class="NotLoggedIn" runat="server">
                    <div class="OAth">
                        <a href="<%= ResolveUrl("~/Default.aspx/requestToken/google/") %>">
                            <img src="<%= ResolveUrl("~/Image/googleOAuth.png") %>" alt="" title="Log in using your Google Account" /></a>
                        <a href="<%= ResolveUrl("~/Default.aspx/requestToken/yahoo/") %>">
                            <img src="<%= ResolveUrl("~/Image/yahooOAuth.png") %>" alt="" title="Log in using your Yahoo! Account" /></a>
                        <!--
                        <a href="<%//ResolveUrl("~/Default.aspx/requestToken/facebook/") %>">
                            <img src="<%// ResolveUrl("~/Image/facebookOAuth.png") %>" alt="" title="Log in using your Facebook Account" /></a>
                        -->
                    </div>
                </div>
                <% } %>
                <% else
                  { %>
                <script src="/Scripts/motel_maps_ext_map3_login_scripts.js" type="text/javascript"></script>
                <div class="LoggedIn" runat="server">
                    <div class="Profile">
                        <div class="menudrop">
                            <ul>
                                <li><a href="" id="current" />
                                    <% string a = EmailA; a = (EmailA.Length > 10) ? EmailA.Substring(0, 8) + ".." : EmailA; %>
                                    <%= a %>
                                    <ul>
                                        <li><a class="fbManageFriend" href="#managefriend">Quản lý bạn bè</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click" EnableViewState="False">Log Out</asp:LinkButton></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <% } %>
            </div>
        </div>
        <div class="clear">
        </div>
    </div>
    <div class="bottom">
        <div class="leftmenu">
            <div class="nav">
                <div class="show_all">
                    <a id="btnShow" href="#" title="Show all Motels">Show all</a>
                </div>
                <div class="add">
                    <a class="fancybox" href="#addressDetail" title="Add new address" shape="rect" style="display: none">
                        Add Address</a> <a class="shareLocation" href="#" title="Share my location" shape="rect">
                            My Location</a>
                    <!--<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="300"></div>-->
                </div>
                <%-- <div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="300">--%>
            </div>
            <div class="detail">
                <!-- Place this tag where you want the +1 button to render. -->
                <div class="g-plusone" data-size="small" data-annotation="inline" data-width="300">
                </div>
                <!-- Place this tag after the last +1 button tag. -->
                <script type="text/javascript">
                    (function () {
                        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                        po.src = 'https://apis.google.com/js/plusone.js';
                        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                    })();
                </script>
            </div>
        </div>
        <div class="content" id="map_canvas">
        </div>
    </div>
    <div class="infoLeft" style="display: none;">
        <h3>
            {0}</h3>
        <table>
            <tr>
                <td>
                    Vĩ độ :
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <input id="txtLatL" type='text' value='{1}' />
                </td>
            </tr>
            <tr>
                <td>
                    Kinh độ :
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <input id="txtLngL" type='text' value='{2}' />
                </td>
            </tr>
            <tr>
                <td>
                    Bình luận :
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    &nbsp
                </td>
            </tr>
            <tr>
                <td colspan="3">
                    <!-- Place this tag where you want the +1 button to render. -->
                    <div class="g-plusone" data-size="small" data-annotation="inline" data-width="300">
                    </div>
                    <!-- Place this tag after the last +1 button tag. -->
                    <script type="text/javascript">
                        (function () {
                            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                            po.src = 'https://apis.google.com/js/plusone.js';
                            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                        })();
                    </script>
                </td>
            </tr>
            <tr>
                <td>
                    <a id='upMarkerL' href="#">Cập nhật</a>
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <a id='clMarker' href="#">Đóng</a>
                </td>
            </tr>
        </table>
        <input id="idMarkerL" type="hidden" value='{3}' />
    </div>
    <div class="info" style="display: none;">
        <h3>
            {0}</h3>
        <table>
            <tr>
                <td>
                    Vĩ độ :
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <input id="txtLat" type='text' value='{1}' />
                </td>
            </tr>
            <tr>
                <td>
                    Kinh độ :
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <input id="txtLog" type='text' value='{2}' />
                </td>
            </tr>
            <tr>
                <td>
                    <a id='upMarker' href="#" title='{3}'>Cập nhật</a>
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <a id='delMarker' href="#" title='{4}'>Xóa</a>
                </td>
            </tr>
        </table>
        <input id="idMarker" type="hidden" value='{5}' />
    </div>
    <div id="comment" style="width: 300px; display: none;">
        <div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="300">
        </div>
    </div>
    <div id="addressDetail" style="width: 400px; display: none;">
        <h3>
            New Address</h3>
        <table style="width: 100%;">
            <tr>
                <td>
                    Số nhà :
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <input id="txtNumAddress" type="text" />
                </td>
            </tr>
            <tr>
                <td>
                    Tên đường :
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <input id="txtRoadAddress" type="text" />
                </td>
            </tr>
            <tr>
                <td>
                    Quận :
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <select id="cbDistrictAddress">
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    Phường :
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <select id="cbWardAddress">
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    Vĩ độ :
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <input id="txtLatAddress" type="text" />
                </td>
            </tr>
            <tr>
                <td>
                    Kinh độ :
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <input id="txtLogAddress" type="text" />
                </td>
            </tr>
            <tr>
                <td colspan="3">
                    <span id="msgAddAddress" style="color: Red"></span>
                </td>
            </tr>
            <tr>
                <td>
                    <input id="btnSave" type="button" value="Save" />
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <input id="btnCancel" type="button" value="Cancel" />
                </td>
            </tr>
        </table>
    </div>
    <div id="managefriend" style="width: 655px; height: 400px; display: none;">
        <input id="emailds" type="hidden" value="<%= EmailA %>" />
        <div class="menumanage">
            <div class="menumanageul">
                <div class="menumanageli">
                    <a href="" id="danhsachban">Danh Sách Bạn Bè</a></div>
                <div class="menumanageli">
                    <a href="" id="loimoiketban">Lời Mời Kết Bạn</a></div>
                <div class="menumanageli">
                    <a href="" id="timkiemban">Tìm Kiếm Bạn</a></div>
            </div>
        </div>
        <div style="height: 40px">
        </div>
        <div id="test">
        </div>
    </div>
    <div id="trangdanhsachbanbe" style="display: none;">
        <div>
            <input id="thongbaoban" type="hidden" />
            <div id="tabshowallfriend" class="khungketban">
            </div>
        </div>
    </div>
    <div id="trangloimoi" style="display: none;">
        <div>
            <div id="tabshowrequestfriend" class="khungketban">
            </div>
        </div>
    </div>
    <div id="trangtimkiemban" style="display: none;">
        <div>
            <%--<div><input id="textquery" type="text" /></div> 
            <div><input id="btnsearchfriend" type="button" value="Search" /></div> --%>
            <div id="tabfindfriend" class="khungketban"></div>
            
        </div>
    </div>
    </form>
</body>
</html>
